@import "app-vars";
@import "theme-light";
@import "iconfont";
@import "element-ui";
html {
  body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  h1,h2,h3,h4,h5,h6,ul,li,p {
    margin: 0;
    padding: 0;
  }
  ul,ol {
    list-style: none;
  }
  * {
    box-sizing: border-box;
  }
  #app {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    font-size: var(--font-size);
    color: var(--font-color);
    background-color: var(--background-color);
    font-family: var(--font-family);
    -webkit-font-smoothing: antialiased;
    a {
      text-decoration: none;
      color: var(--font-color)
    }
  }
  // 信息文字
  .text-info-1 {
    color: var(--color-gray);
  }
  .text-mini {
    font-size: var(--font-size-mini);
  }
  // 图标按钮
  .button-icon {
    padding-left: 10px;
    padding-right: 10px;
    &.el-button--small {
      padding-left: 5px;
      padding-right: 5px;
    }
  }
  // 危险按钮
  .danger-button {
    background: var(--color-danger);
    border: 0;
    &:hover,&:focus {
      background: var(--color-danger);
      opacity: .85;
      outline: none;
    }
  }
  .el-table {
    // 表格的滚动条始终展示
    .el-scrollbar__bar {
      display: block !important;
    }
  }
  .el-button {
    .iconfont {
      margin-right: 5px;
    }
  }
  // 跟随输入的输入框
  .el-input.follow-input {
    .el-input__wrapper {
      background: #eee;
    }
  }
  // 消息弹窗
  .el-overlay-message-box {
    .el-message-box__message p {
      word-break: break-all;
    }
  }
  // 排序
  .sortable-ghost {
    background-color: #dcdcdc !important;
  }
}
